@charset "utf-8";

/* CSS Document */

body{  font-family:"Microsoft Yahei"; color:#333; font-size:14px; font-weight:none;}

body,table,form,p,dl,dt,dd,h1,h2,h3,div,dl,dt,dd,td,th,ul,li{margin:0;padding:0; list-style:none;}

img{ border:0px;}

.clear{ clear:both;}

a{ text-decoration:none;}

a:hover{ cursor:pointer;}

.pcnone{ display: none;}



/* 友情链接 */

.links-title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;}

.links{ width:100%; height: auto; background: #666; clear: both; display: none;}

.links ul{ width:1200px; height:auto; margin:0 auto; padding:10px 0px;clear:both;}

.links ul li{float:left; margin:0px; color: #fff;line-height:23px;}

.links ul li a{color:#fff; padding:0px 8px; font-size:14px; line-height:23px; display:inline-block; }

.links ul li a:hover{ color:#fff; text-decoration:none;}



/* 内页左边 */

.innerleft{ width:100%;height:auto; margin:20px 0px 30px 0px; }

.innerltitle{background-color:#ca352b;width:100%; height:auto;padding: 10px 0px;}

.innerltitle p{ font-size:25px;color:#fff;text-align:center;line-height:40px !important; padding: 0px !important;}

.innerltitle span{ font-size:25px;color:#fff;text-align:center; display:block; }

.iltcontf{ width:100%; background-color:#fff;}

.iltconts{ width:100%; background-color:#f3f3f3; margin-top:20px;}

.iltconts p{line-height:26px; width:90%; margin:0 auto; padding:25px 0px 50px 0px; height:auto;}



/*栏目*/

.inermlist{ width:100%; height:auto; text-align: center;     background: url(../images/dot.jpg) repeat-x center;}

.inermlist li{height:auto;margin:0px 10px; position: relative; display: inline-block;}

.inermlist li a{height:40px;line-height:40px;display:block; color:#666;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;background: #fff;border: 2px solid #dfdfdf;border-radius: 30px; padding: 0px 25px;}

.inermlist li.on a{color:#fff;font-weight: bold; text-decoration:none; background:#EFA42F;}

.inermlist li a:hover{color:#fff;font-weight: bold; text-decoration:none; background:#EFA42F;}



/*热门新闻*/

.innernlist{ width:90%; margin:0 auto; padding:20px 0px;}

.innernlist li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; overflow:hidden; }

.innernlist li a{display: block; color:#3d3d3d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.innernlist li a:hover{ color:#ca352b; padding-left: 1px; }

.innernlist li span{float:right;}



/* 内页右边 */

.innerright{width:100%;height:auto;margin:20px 0px 30px 0px; padding-bottom:20px;background-color:#fff;}

.innerrtitle{ width:100%; height:50px; line-height:50px; background: #f1f2f4;border-bottom:2px solid #EFA42F;}

.innerrtitle p{width:400px;float:right;font-size:19px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:right; padding-right: 10px;}

.innerrtitle p b{ color:#da0707; font-size:26px; font-style: italic;}

.navpost{ width:700px;float:left; display: block; text-align: left; font-size: 16px;color: #555; font-weight: 400;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block;}

.navover{max-width:300px;white-space:nowrap;vertical-align:top; overflow:hidden; text-overflow:ellipsis; display:inline-block;}

.navpost a{color: #555;padding: 0px 3px;}

.navpost a:hover{ color:#F00; text-decoration:none;}

.inrrctainer{width:100%; height:auto; font-size: 14px; line-height:26px;color:#666;}

.inrrctainer table{margin: 0 auto; text-align: center;}

.inrrctainer img{ max-width: 100% !important;height:auto !important;}



/*内页新闻*/

.innewslist{ width:100%; height:auto;}

.innewslist li{height:auto; margin:0px 0px 15px 0px; border-bottom:1px solid #f1f1f1; padding-bottom: 10px;}

.innewslist li a{ display:block;}

.innewslist li .innewleft{ width:100px; height:auto; float: left;text-align: center; color: #666; padding: 10px 0px;}

.innewslist li .innewleft p{ font-size:54px; line-height:53px;text-align: center;}

.innewslist li .innewleft span{ font-size:17px; color: #888;}

.innewslist li .innewright{ width:calc(100% - 120px); float: right; margin-right: 10px;}

.innewslist .ntitle{ width:100%;height:40px;line-height: 40px; color: #444;font-size:16px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.innewslist .nconc{width:100%;height:50px;line-height:25px;font-size:13.5px; color:#656565;overflow: hidden;}

.innewslist .more{background:#ca352b;height:25px; line-height:25px; border-radius:3px; text-align:center; color:#fff; padding: 0px 8px; float: right; text-indent:0px;}



.innewslist li:hover{ border-radius: 4px;}

.innewslist li:hover .ntitle{color:#EFA42F;}

.innewslist li:hover .innewleft{color: #EFA42F;}





/*内页产品*/

.inprolist{ width:100%; height:auto; list-style:none; text-align: center;}

.inprolist li{ width:280px; float:left;height:auto;margin:0px 8px 20px 8px;}

.inprolist li img{width:100%; height:207px;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in; vertical-align: top;}

.inprolist li .img{ width:276px; height: 207px; overflow: hidden; border:1px solid #dedede; padding: 1px;}

.inprolist li p{padding: 0px 5px;line-height:35px; height:35px;background: #dedede; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.inprolist li a{color:#333;display: block;}

.inprolist li:hover a{color:#fff !important;text-decoration:none;  }

.inprolist li:hover p{ background: #EFA42F;}

.inprolist li:hover .img{border: 1px solid #EFA42F;}

.inprolist li:hover img{transform: scale(1.1, 1.1);opacity:0.9;filter:alpha(opacity=90);}
.inprolist h3{ font-size:22px; display:block; text-align:center; margin:15px 0;}


/*视频*/

.invideolist{ width: 100%; height: auto;}

.invideolist li{ width:430px; height: auto; float: left; margin: 10px 7px;}

.invideolist li p{ width: 100%; height:30px; line-height: 30px; text-align: center; }

.videoiframe{width:100%; height:300px;}



/*分页*/

.ipage{height:auto; text-align:center;}

.totalfont{ font-size: 14px; color: #666; display: none;}

.ipage a{ height:35px;line-height:35px;color:#888;font-size: 15px;padding:0px 5px;display: inline-block;margin: 0px 5px; vertical-align: top;}

.ipage a:hover{color:#EFA42F;border-bottom:2px solid #EFA42F;text-decoration: none; font-weight: bold;}

.ipage .current {display: inline-block; height:35px;line-height:35px; padding: 0px 5px;margin: 0px 5px; color: #EFA42F;border-bottom:2px solid #EFA42F;font-size: 15px; font-weight: bold;}

.ipage .paprev,.panext{}



/*详情页*/

.article_title{ text-align:center; width:100%; font-size:24px; line-height:30px; color:#444; padding: 15px 0px;}

.newsin-c{width:100%; height:30px; line-height: 30px; margin: 15px 0px; color: #666;}

.newsin-c .date{ width: 190px; float: left; text-indent:0px; font-size: 14px;}

.newsin-c .date i{ width:28px;height:30px; display:inline-block; background:url(../images/time.png) no-repeat left center; background-size: 22px 22px; float: left;}

.newsin-c .click{ width: auto; height: 30px; line-height: 30px; text-align: right; float:right;}

.newsin-c .click i{ width: 30px;height:30px; display:inline-block; background:url(../images/eye.png) no-repeat left center; background-size: 25px 25px; float: left;}



/*上页下页*/

.detpnt{height:auto; background:#f1f1f1;overflow: hidden;margin-bottom:20px; padding: 0px 20px;}

.detpnt .detpntline{width:48%;height:35px;line-height:35px;font-size: 15px;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.detpnt .detpntline a{color:#666; font-weight: normal;}

.detpnt .detpntline a:hover{ color: #333; }

.detpntl{ float: left;}

.detpntr{text-align:right;float:right;}



/*更多阅读*/

.innerabouttitle{ width:100%; height:auto; color:#000; border-bottom:3px solid #dedede;}

.innerabouttitle p{color:#ca352b;font-size:20px; font-weight:bold;height:35px; line-height:35px;  padding-left:5px;}



.morearticle{ width:100%; padding:25px 0px;background: url(../images/newbg.jpg) no-repeat center bottom #efefef;}

.morearticle li{ width:46%; height:35px; line-height:35px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0px 2%;}

.morearticle li a{ color:#333; padding-left:10px;}

.morearticle li a:hover{ color:#EFA42F; padding-left:11px;}

.moreproducts{ width:100%; padding:100px 0px 20px 0px;background:#f1f1f1 url(../images/casebg.png) no-repeat left top;}

.moreproducts li{ width:14.666667%; margin:0px 1%; height:auto;float:left; text-align:center;}

.moreproducts li a{ color:#fff;}

.moreproducts li a p{ text-align: center; line-height: 30px;}

.moreproducts li a:hover{ color:#666}

.moreproducts li img{ width:calc(100% - 4px);height:auto; border:1px solid #fff; padding: 1px;}

.moreproductsov{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



/*留言*/

.inmessagebox{width: 600px;height: auto; padding: 0px 0px 50px 0px; margin: 0 auto; }

.inmessright{ width: 550px; height:auto; float: right; padding: 30px 0px 50px 0px;}

.inmessright img{ width: 550px;}

.inmessline{ width: 100%; height: auto; margin-bottom: 15px}

.zxlyinp{ width:100%;height:40px;line-height:40px;border-radius:2px;color: #999; background: #f8f8f8; border: 0px;vertical-align:top; text-indent: 10px; font-size: 14px}

.inmesteat{ height:120px;resize: none;}

.zxlyyzm{width:140px; outline: none;height:40px;line-height:40px;font-size:14px; color: #999; background: #f8f8f8; border: 0px;vertical-align: top; text-indent: 10px;border-radius:2px;}

.zxlysub{width:48%; outline: none; height:40px; line-height:40px;background:#ef0606;color:#fff; text-align:center; border-radius:2px;border:0px; font-size:16px; float: left;cursor:pointer;}

.zxlysub:hover{background: #ffa200;}

.resetc{background:#999;float:right;}

.resetc:hover{background: #666;}

.indexcode{ vertical-align:top; height: 40px;}

/*图片集*/

.ban{width:720px;height:auto;position:relative;overflow:hidden;margin:0px auto;}

.ban2{width:720px;height:540px;position:relative;overflow:hidden;}

.ban2 ul{position:absolute;left:0;top:0;}

.ban2 ul li{width:720px;height:540px;line-height:540px;text-align:center;}

.ban2 ul li img{max-width:720px;max-height:540px;vertical-align:middle;}

.ban .prev{float:left;cursor:pointer;}

.min_pic{width:100%;height:120px;padding-top:10px;overflow:hidden;}

.min_pic .num{width:680px;height:100%;margin-left:8px;position:relative;overflow:hidden;float:left;}

.min_pic .num ul{position:absolute;left:0;top:0; }

.min_pic .num ul li{width:86.8px;height:120px;float:left;margin:0px 10px 0px 0px;cursor:pointer; overflow: hidden;}

.min_pic .num ul li img{width:100%;height:65px;cursor:pointer;vertical-align:top;}

.min_pic .num ul li.on img{width:84.8px;height:63px;border:1px solid #f00;padding:0;}

.min_pic .num ul li p{width:100%;height:auto;line-height:18px;font-size:13px;text-align:center;}

/*小左右箭头*/

.prev_btn1{float:left;}

.next_btn1{float:right;}

.prev_btn1,.next_btn1{width:16px;height:18px;margin:23px 0px;cursor:pointer;text-align:center;}

/*大左右箭头*/

.prev1{left:20px;}

.next1{right:20px;}

.prev1,.next1{position:absolute;top:50%;margin-top:-25px;cursor:pointer;z-index:9;}

.prev1 img,.next1 img{width:28px;height:51px;}



.mhc{width:100%;background:#000; opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50);position:absolute;left:0;top:0;display:none;}

/*弹出层*/

.pop_up{width:720px; height:540px; padding:10px; background:#fff; position:fixed; -position:absolute;left:50%;top:50%;margin-left:-370px;margin-top:-280px;display:none; z-index:999;}

.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}

.pop_up_xx img{width:40px;height:40px;}

.pop_up2{width:720px;height:540px;position:relative;float:left;overflow:hidden;}

.pop_up2 ul{position:absolute;left:0;top:0;}

.pop_up2 ul li{width:720px;height:540px;line-height:540px;float:left;text-align: center;}

.pop_up2 ul li img{max-width:720px;max-height:540px;vertical-align:middle;}



.ncontainer{ padding: 0px 10px;}

.wapup{display:none;}



/*焦点图*/

.mod18{width:720px;height:auto;margin:20px auto;position:relative;background:#f7f7f7;}

.mod18 .btn{position:absolute;width:15px;height:20px;bottom:50px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}

.mod18 .prev{left:5px;background:url(../images/feel3.png) no-repeat;}

.mod18 .next{right:5px;background:url(../images/feel4.png) no-repeat;}



.mod18 #prevTop,.mod18 #nextTop{top:50%;width:30px;height:60px; margin-top: -80px;}

.mod18 #prevTop{background:url(../images/index_tab_l.png) 0 0 no-repeat;}

.mod18 #nextTop{background:url(../images/index_tab_r.png) 0 0 no-repeat;}



.mod18 li{float:left;}

.mod18 .cf li{position:relative;color:#fff;}

.mod18 .cf a{display:block;width:100%;height:540px;position:absolute;color:#fff;}

.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.mod18 .picBox{height:540px;position:relative;overflow:hidden;}

.mod18 .picBox ul{height:540px;position:absolute;}

.mod18 .picBox li{width:720px;height:540px; line-height: 540px; text-align: center;}

.mod18 .picBox li img{ vertical-align: middle;}

.mod18 .listBox{width:642px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}

.mod18 .listBox ul{height:100px;position:absolute;}

.mod18 .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}

.mod18 .listBox li i{display:none;}

.mod18 .listBox li a{display:block;width:124px;height:70px;}

.mod18 .listBox li img{width:124px;height:70px;}

.mod18 .listBox .on img{width:118px;height:64px;border:3px solid #ff6600;}

.mod18 .listBox .on i{display:block;}



/*大屏PC*/

@media (min-width: 1200px){

	.ncontainer{width: 1200px; height: auto; margin: 0 auto; padding: 0px;}

	.links{ display: block;}

}



/*中型显示屏，Ipad Pro*/

@media (min-width: 992px) and (max-width: 1200px){

	.innerrtitle .navpost{ width:60%;}

	.innerrtitle p{ width: 30%;}

	/*左侧*/

	

	/*视频*/

	.invideolist li{ width:48%;margin:0px 1% 10px 1%;}

	.videoiframe{height:260px; }



	/*产品展示*/

	.inprolist li{ width: 31.333333%; margin: 0px 1% 10px 1%;}

	.inprolist li .img{width:100%; height: auto;border:0px;}

	.inprolist li img{width: 100%; height: auto;}

	.inprolist li:hover .img{border: 0px;}

	

	.moreproducts li{ width: 31.3333%; height: auto; margin:0px 1% 10px 1%;}

	.moreproducts li img{ height: auto;}

	

	.detpnt .detpntline{width:45%;}

}